<template>
	<view class="big-box flex-col align-center">
		<top-navigation :isFix='true' :isShow="true" bgColor='#CC1D1D' backIconColor='#FFF'>
		</top-navigation>
		<u-toast ref="uToast"></u-toast>
		<image class="success-pay" src="/static/images/car/success-pay.png" mode=""></image>
		<view class="success-text">
			支付成功
		</view>
		<view class="success-tips">
			订单已提交成功，请您耐心等待！
		</view>
		<view class="btn-box justify-between">
			<view class="go-pay center" @tap="$navto(url)">
				查看订单
			</view>
			<view class="go-pay center" @tap="$navto('/pages/index/index')">
				返回首页
			</view>
		</view>


	</view>
</template>

<script>

	export default {
		props:{
			url:{
				type:String,
				default:''
			}
		},
		data() {
			return {
			


			}

		},
		computed: {

			

		},
		onLoad(o) {
			if (o.order_id) {
				this.order_id = o.order_id
			}
			this.orderDetail()
		},
		onShow() {
			
		},
		methods: {
			
		},
	}
</script>
<style>
	@import '/common/css/common.css';
</style>
<style lang="scss" scoped>
	.big-box {
		width: 100vw;
		padding: 0 0 179rpx 0;
		min-height: 100vh;
		background: rgba(243, 243, 243, 0.95);

		.btn-box {
			width: calc(100vw - 146rpx);
			position: absolute;
			bottom: calc(98rpx + constant(safe-area-inset-bottom));
			bottom: calc(98rpx + env(safe-area-inset-bottom));
		}

		.go-pay {
			width: 280rpx;
			height: 90rpx;
			background: #CC1D1D;
			border-radius: 10rpx 10rpx 10rpx 10rpx;

			font-family: Source Han Sans SC, Source Han Sans SC;
			font-weight: 400;
			font-size: 36rpx;
			color: #FFFFFF;
		}

		.success-pay {
			margin-top: 146rpx;
			width: 266rpx;
			height: 238rpx;
		}

		.success-text {
			margin-top: 6rpx;
			width: 168rpx;
			height: 61rpx;
			font-family: Source Han Sans SC, Source Han Sans SC;
			font-weight: 500;
			font-size: 42rpx;
			color: #202020;
			line-height: 49rpx;
		}

		.success-tips {
			margin-top: 18rpx;
			width: 420rpx;
			height: 41rpx;
			font-family: Source Han Sans SC, Source Han Sans SC;
			font-weight: 400;
			font-size: 28rpx;
			color: #7A7A7A;
		}

	}
</style>